<template>
	<view class="promise-container">

		<view class="promise-header">
			<text class="promise-title">计调小程序用户承诺书</text>
		</view>

		<view class="promise-content">
			<text class="promise-intro">本小程序（以下简称"平台"）由个人开发者独立开发，为保障计调/旅行社用户（以下简称"您"）的信息安全与使用权益，特作出以下承诺：</text>

			<!-- 第一部分：数据安全与隐私保障 -->
			<view class="section">
				<text class="section-title">一、数据安全与隐私保障</text>

				<view class="section-item">
					<text class="item-title">1. 信息最小化收集</text>
					<text
						class="item-content">仅收集您主动录入的供应商信息（名称、联系方式等）、行程基础数据（团号、日期等），不强制要求提供游客隐私信息（身份证号、护照号等），不收集与功能无关的内容（如您的手机号、位置信息）。</text>
				</view>

				<view class="section-item">
					<text class="item-title">2. 敏感信息加密保护</text>
					<text class="item-content">团、订单相关联系电话、地址都用加密算法存储，完整信息仅您本人可查看，开发者后台无法直接获取明文数据。</text>
				</view>

				<view class="section-item">
					<text class="item-title">3. 数据归属权归您所有</text>
					<text class="item-content">您录入的所有资源、行程数据均为您的私有信息，默认仅您可见。如需多计调协作，需您手动开启"共享权限"，平台不会自动共享您的数据。</text>
				</view>

				<view class="section-item">
					<text class="item-title">4. 数据可随时掌控</text>
					<text class="item-content">联系管理员，随时导出所有信息（Excel格式）备份到本地；也可手动删除单条数据。</text>
				</view>
			</view>

			<!-- 第二部分：服务稳定性与责任 -->
			<view class="section">
				<text class="section-title">二、服务稳定性与责任</text>

				<view class="section-item">
					<text class="item-title">1. 数据永久保留（除非您主动删除）</text>
					<text class="item-content">只要您正常使用（含免费试用、付费期），您的所有数据将永久存储，不会因系统更新、服务器迁移等原因丢失。</text>
				</view>

				<view class="section-item">
					<text class="item-title">2. 故障快速响应</text>
					<text
						class="item-content">若遇数据异常（如信息错乱），您可通过小程序"反馈"功能或用户群联系开发者，工作时间（10:00-20:00）内12小时内响应。</text>
				</view>

				<view class="section-item">
					<text class="item-title">3. 停服提前通知</text>
					<text class="item-content">若因不可抗因素需停止服务，将提前30天通过小程序弹窗、用户群公告通知，引导您导出所有数据，确保信息不丢失。</text>
				</view>
			</view>
			<!-- 第三部分：开发者承诺 -->
			<view class="section">
				<text class="section-title">三、开发者承诺</text>
				<text class="dev-promise">本人承诺：不查看、不使用、不泄露您的任何数据；不将平台数据用于任何商业用途（如联系您的供应商）；不向第三方分享您的信息。</text>
			</view>

			<!-- 联系方式 -->
			<view class="contact-info">
				<text class="contact-title">联系方式QQ：574679406 | 工作时间：10:00-20:00</text>
				<text class="effective-date">生效日期：2025年11月起</text>
				<text class="update-note">（本承诺书将根据用户反馈持续优化，更新时会提前3天通知）</text>
			</view>
		</view>

		<!-- 底部空间，确保内容不被遮挡 -->
		<view class="bottom-space"></view>
	</view>
</template>

<script>
	export default {
		name: 'PromisePage',
		data() {
			return {}
		},
		onLoad() {
			// 设置页面标题
			uni.setNavigationBarTitle({
				title: '用户承诺书'
			})
		},
		methods: {
			// 导航返回方法
			navigateBack() {
				uni.navigateBack({
					delta: 1,
					fail: (err) => {
						console.error('返回失败:', err)
						// 如果返回失败，尝试跳转到我的页面
						uni.switchTab({
							url: '/pages/mine/mine'
						})
					}
				})
			},
			// 系统返回按钮处理
			onBackPress() {
				this.navigateBack()
				return true
			}
		}
	}
</script>

<style scoped>
	.promise-container {
		padding: 0 30rpx;
		background-color: #f8f8f8;
		min-height: 100vh;
		font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		padding-top: env(safe-area-inset-top);
	}

	/* 自定义导航栏 */
	.custom-nav-bar {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		height: 88rpx;
		padding-top: env(safe-area-inset-top);
		padding-left: 30rpx;
		display: flex;
		align-items: center;
		background-color: #f8f8f8;
		z-index: 99;
	}

	.back-button {
		width: 80rpx;
		height: 88rpx;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.back-icon {
		font-size: 40rpx;
		color: #333;
		font-weight: bold;
	}

	.promise-header {
		padding: 40rpx 0 30rpx 0;
		text-align: center;
	}

	.promise-title {
		font-size: 36rpx;
		font-weight: bold;
		color: #333;
		letter-spacing: 2rpx;
	}

	.promise-content {
		background-color: #fff;
		border-radius: 20rpx;
		padding: 36rpx;
		box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
		margin-bottom: 40rpx;
	}

	.promise-intro {
		font-size: 28rpx;
		color: #666;
		line-height: 46rpx;
		margin-bottom: 40rpx;
		text-indent: 56rpx;
	}

	.section {
		margin-bottom: 50rpx;
	}

	.section-title {
		font-size: 32rpx;
		font-weight: bold;
		color: #333;
		margin-bottom: 28rpx;
		display: block;
		letter-spacing: 1rpx;
	}

	.section-item {
		margin-bottom: 36rpx;
		padding-left: 10rpx;
	}

	.item-title {
		font-size: 28rpx;
		font-weight: 600;
		color: #444;
		display: block;
		margin-bottom: 16rpx;
		letter-spacing: 0.5rpx;
	}

	.item-content {
		font-size: 28rpx;
		color: #666;
		line-height: 48rpx;
		display: block;
		text-indent: 56rpx;
	}

	.dev-promise {
		font-size: 28rpx;
		color: #666;
		line-height: 48rpx;
		display: block;
		text-indent: 56rpx;
		padding-left: 10rpx;
	}

	.contact-info {
		margin-top: 60rpx;
		padding-top: 36rpx;
		border-top: 1rpx solid #eee;
	}

	.contact-title,
	.effective-date {
		font-size: 26rpx;
		color: #888;
		display: block;
		margin-bottom: 24rpx;
		text-align: center;
	}

	.update-note {
		font-size: 26rpx;
		color: #999;
		font-style: italic;
		display: block;
		margin-top: 30rpx;
		text-align: center;
		padding: 0 20rpx;
	}

	.bottom-space {
		height: 120rpx;
	}

	/* 添加微信小程序特有的安全区域适配 */
	@media screen and (min-height: 812px) {
		.bottom-space {
			height: 160rpx;
		}
	}

	/* 适配不同屏幕尺寸 */
	@media screen and (min-width: 768px) {
		.promise-container {
			max-width: 800rpx;
			margin: 0 auto;
		}
	}
</style>